body {
  background-color: #f5f5f5;
}
ul,
li {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}

p {
  margin-bottom: 1em;
  margin-top: 0;
}

.intro-title {
  color: #1d1d1f;
  font-size: 40px;
  font-weight: 600;
  line-height: 53px;
  margin-left: 80px;
}

.intro-cards {
  margin: 150px auto 0;
  width: 1140px;
  .liner-blue {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #34e6f1 21.33%, #0d84ff 83.41%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .group-total-numbers {
    display: flex;
    font-family: Mitype, sans-serif;
    font-size: 72px;
    font-weight: 700;
    height: 86px;
    line-height: 86px;
    margin-left: 80px;
    > p {
      color: #1eadfa;
      font-size: 40px;
      font-weight: 600;
      margin-bottom: 0;
      padding-top: 15px;
    }
  }
}

//滚动LOGO
.logo-wall {
  overflow: hidden;
  width: 100%;
  .logo-carousel {
    animation: rowloop 150s linear infinite normal;
    padding-top: 20px;
    width: 4400px;
    .logo-row {
      > li:nth-of-type(2n) {
        left: 100px;
        position: relative;
      }
      .logo-col {
        display: flex;
        li {
          align-items: center;
          border-radius: 80px;
          display: flex;
          margin: 0 36px 40px 0;
          transition: all 0.3s linear;
          .logo-col-item {
            background-color: #fff;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            border-radius: 80px;
            height: 80px;
            width: 174px;
          }
        }
        li:hover {
          box-shadow: 0 4px 30px 0 #0000000a;
          transform: translate3d(0, -5px, 0);
        }
      }
    }
  }
}

@keyframes rowloop {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-2200px, 0, 0);
  }
}
